<script setup lang="ts">
import { ref } from 'vue'
import Route from './Route.vue'
import Menu from './Menu.vue'
const activeName = ref('route')
defineProps<{
  editId: number
}>()
</script>

<template>
  <el-tabs v-model="activeName" class="demo-tabs">
    <el-tab-pane label="接口权限" name="route"><Route :edit-id="editId" /></el-tab-pane>
    <el-tab-pane label="菜单权限" name="menu"><Menu :edit-id="editId" /></el-tab-pane>
  </el-tabs>
</template>
<style scoped lang="less">
@import '../../../assets/page_bgl.less';
.buttons {
  display: flex;
  margin-top: 30px;
  justify-content: flex-end;
}
</style>
